.dropDownList {
  position: fixed;
  top: 0;
  left: 0;
  //width: 100%;
  //height: 100%;
  padding: .2rem;
  background-color: rgba(0, 0, 0, .55);
  backdrop-filter: blur(15px);
  border-radius: 15px;
  overflow: hidden;
  overflow-y: auto;
  transition: opacity .3s;
  z-index: 999;

  .wrapper {

    .list {
      display: flex;
      flex-direction: column;
      gap: .3rem;

      .participantName {
        color: goldenrod;
      }

      .icon {
        margin-left: 1rem;
      }

      .actionLine {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .4rem;
        background-color: rgba(0, 0, 0, .15);
        border-radius: 10px;
        transition: .3s ease-out;
        cursor: pointer;

        &:hover{
          background-color: rgba(0, 0, 0, .35);
        }
      }
    }
  }
}

.isNotLeader {
  opacity: .5;
}